<label class="col-sm-2 control-label">
    {{'CONFIG.WIDGET.FILTER'|translate}}
    <i class="fa fa-question-circle" title="{{helpMessage.column}}" *ngIf="helpMessage.filter"></i>
</label>
<div class="col-sm-10">
    <div pDroppable='filter' (onDrop)='filterdrop($event);draggedEl=false' (onDragEnter)='draggedEl=true' class="form-control" style="min-height: 35px;height: auto;padding: 0px"
        [ngClass]="{'highlight': draggedEl}">
       <div *ngFor="let o of curWidget.config.filters;trackBy:myTrackBy; let i=index" class="btn-group" style="cursor: move;margin: 3px 3px;">
           <div *ngIf="o.group" class="btn-group">
               <button type="button" class="btn btn-warning btn-sm" style="cursor: move;"
                       (click)="curWidget.config.filters.splice(i, 1);emitgroup(o)">
                   {{o.group}}
               </button>
               <button type="button" class="btn btn-warning btn-sm dropdown-toggle" *ngIf="o.group" (click)="editFilterGroup(o)">
                   <span class="fa fa-edit"></span>
               </button>
           </div>
    </div>
</div>

